.main {
  @apply w-full relative z-10 mb-10;

  .titleBox {
    @apply flex items-center justify-between mb-2;
    width: calc(100% - 1rem);
    height: 1.875rem;

    & > h2 {
      @apply font-normal text-xl text-white-80;
      line-height: 1.875rem;
    }

    .switch {
      @apply text-lg font-medium text-white flex items-center;
      font-family: OPPOSans;
      line-height: 1.625rem;

      & > span {
        @apply mx-3;
      }

      & > img {
        @apply cursor-pointer w-5 h-5;
      }

      .switchPrev {
        transform: rotate(-180deg);
      }

      .switchNot {
        @apply opacity-40 cursor-default;
      }
    }
  }

  .award {
    @apply w-full rounded p-5;
    background: #262626;

    .awardItem {
      @apply text-white-60 text-base leading-4;

      &:not(:first-child) {
        @apply mt-5;
      }

      .span1 {
        @apply text-theme;
      }
    }
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .mainPhone {
    @apply my-0 mx-auto;
    margin-top: 1rem !important;
    width: calc(100vw - 2rem);

    .titleBox {
      margin-bottom: 0.625rem;

      & > h2 {
        @apply text-lg;
      }
    }

    .award {
      @apply p-0 bg-transparent;

      .awardItem {
        @apply text-sm;

        &:not(:first-child) {
          @apply mt-2;
        }
      }
    }
  }
}
